.pure-input {
	line-height: var(--pure-input-line-height, 1);
	box-sizing: border-box;
	width: var(--pure-input-width);
	height: var(--pure-input-height);
	flex: var(--pure-input-flex, 1);
	font-size: var(--pure-input-font-size);
	background: var(--pure-input-background);
	text-align: var(--pure-input-text-align);
	margin: var(--pure-input-margin);
	padding: var(--pure-input-padding, 0 0.75em);
	border: var(--pure-input-border-width) var(--pure-input-border-style) var(--pure-input-border-color);
	border-radius: var(--pure-input-border-radius);
	outline: var(--pure-input-outline);
	box-shadow: var(--pure-input-box-shadow);
	color: var(--pure-input-color);
	display: var(--pure-input-display, flex);
	flex-direction: var(--pure-input-flex-direction, row);
	align-items: var(--pure-input-align-items, center);
	justify-content: var(--pure-input-justify-content);
	min-height: var(--pure-input-min-height, none);
	box-sizing: border-box;
}

.pure-input:focus,
.pure-input:focus-within {
	outline: var(--pure-input-focus-outline, var(--pure-input-outline, none));
	border-color: var(--pure-input-focus-border-color, var(--pure-input-border-color));
	border-style: var(--pure-input-focus-border-style, var(--pure-input-border-style));
	border-width: var(--pure-input-focus-border-width, var(--pure-input-border-width));
	box-shadow: var(--pure-input-focus-box-shadow, var(--pure-input-box-shadow));
	border-radius: var(--pure-input-focus-border-radius, var(--pure-input-border-radius));
	color: var(--pure-input-focus-color, var(--pure-input-color));
	background: var(--pure-input-focus-background, var(--pure-input-background));
}
